//var  snabbdom = require('snabbdom')
// import snabbdom from 'snabbdom'
// console.log(snabbdom)
import {h,init} from 'snabbdom'
import style from 'snabbdom/modules/style'
import eventListeners from 'snabbdom/modules/eventlisteners'
//1、hello world
//参数：数组 模块
//返回值 ：patch函数，作用对比两个vnode的差异更新到真实 DOM
let patch=init([style,eventListeners])
//第一个参数：标签+选择器
//第二个参数：如果是字符串的话就是标签中的内容
let vnode=h('div#header.cls',{
    style:{
        backgroundColor:'red',
    },
    on:{
        click:eventHandler
    }
},'Hello World')
function eventHandler(){
    console.log('hkfm')
}
let app=document.querySelector('#app')
//参数1：可以是DOM元素，内部会把DOM转换成VNode
//参数2：VNode
//返回值：VNode
let oldvnode=patch(app,vnode)

// //假设
// vnode=h('div','hello snabbdom')
// oldvnode= patch(oldvnode,vnode)
// //2、div中放置子元素h1,p
// let vnode1=h('div#header',[
//     h('h1','这是h1标签'),
//     h('p','这是p标签')
// ])
// oldvnode=patch(oldvnode,vnode1)

// // setTimeout(()=>{
// //     vnode=h('div#header',[
// //         h('h1','hello snabbdom'),
// //         h('p','hello p ')
// //     ])
// //     patch(oldvnode,vnode)
// //     // patch(oldvnode,h('!'))
// // },1000)